Testo dell'esercizio

Si scriva il codice javascript necessario ad implementare la seguente funzionalità in una pagina HTML: cliccando su una cella di una tabella (tag ) questa viene selezionata e la selezione è evidenziata cambiando il colore del bordo in giallo (sia assegna “gold” alla proprietà di stile borderColor). Il valore precedente del colore del bordo deve essere memorizzato. Al momento della selezione, il valore della proprietà di stile ‘colore di sfondo’ (backgroundColor) viene copiato in un elemento di input di testo predefinito (con id “bgcolor”). Fino a quando la cella è selezionata non è possibile selezionarne un’altra. Per deselezionare la cella occorre battere il tasto return nell’elemento di input di testo “bgcolor” (evento keyPress con attributo dell'evento keyCode uguale a 13). Quando si deleseziona la cella, il valore scritto nel campo di testo “bgcolor” viene assegnato alla proprietà di stile ‘colore di sfondo’ della cella e si ripristina il colore del bordo con quello memorizzato in occasione del click di selezione.

Click on cells

A1 B1 C1
A2 B2 C2
A3 B3 C3

Background Color